import About from "../pages/About"
import Detail from "../pages/Detail"
import Home from "../pages/Home"
import Message from "../pages/Message"
import News from "../pages/News"
import { Navigate } from "react-router-dom"

export default [
  {
    path: "/about",
    element: <About></About>
  },
  {
    path:
      "/home",
    element: <Home></Home>,
    children: [
      {
        path: "message",
        element: <Message></Message>,
        children: [
          {
            path: "detail",
            element: <Detail></Detail>
          }
        ]
      },
      {
        path: "news",
        element: <News></News>
      }
    ]
  },
  {
    path: "/",
    element: <Navigate to="/about"></Navigate>
  }
]